<template>
	<view style="background-color: #fff; width: 100%; height: 100%;">
		<iframe :src="hrefUrl" frameborder="0" allowpaymentrequest allowfullscreen allow="*"
			sandbox="allow-forms allow-orientation-lock allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation allow-top-navigation-by-user-activation allow-downloads-without-user-activation"
			style="outline: none; border: none; margin: 0; padding: 0;width: 100%; height: 100%;" ></iframe>
	</view>
</template>

<script>
	import ProdListVue from './ProdList.vue'

	export default {
		components: {
			ProdListVue
		},
		data() {
			return {
				hrefUrl: 'https://saas.q-gp.com/?vccChannel=161272&sonVccChannel=2002543&tenantId=560761&ka=1'
			}
		},
		computed: {},
		created() {
			this.storeClick();
		},
		methods: {
			async storeClick(){
				await this.saveClick(511, 7)
			},
			async saveClick(s, dataExt) {
				// console.log(s)
				const res = await this.$myRequest({
					url: 'api/sys/count',
					method: 'post',
					data: {
						'dataId': s,
						'operType': '2',
						'dataExt': dataExt
					}
				});
			},
		}
	}
</script>

<style>
	.tab_bottom_bar {
		position: fixed;
		background-color: #fff;
		width: 100%;
		min-height: 60rpx;
		left: 0;
		bottom: 0;
		z-index: 7;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}

	.center {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.tab_bottom_text {
		font-size: 28rpx;
		margin-top: 4rpx;
	}
	
</style>